$(document).ready(function () {
  // 获取浏览器的宽度
  let viewWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

  // pc端导航定位
  if (viewWidth > 767) {
    $(window).scroll(function () {
      const bannerHeight = $(".banner").outerHeight(true) / 2;
      if ($(this).scrollTop() > bannerHeight) {
        $(".header").addClass('header-overflow');
      } else {
        $(".header").removeClass('header-overflow');
      }
    })

    // pc端导航多层下拉
    $(".nav li").hover(function () {
      $(this).children("ul").stop(true, true).delay(300).slideDown(300);
    }, function () {
      $(this).children("ul").stop(true, true).delay(300).slideUp(300);
    });

  } else {
    // 手机端导航按钮
    $(".menu-button").click(function () {
      if ($(this).hasClass("menu-button-active")) {
        $(this).removeClass("menu-button-active");
        $(".nav").slideUp();
      } else {
        $(this).addClass("menu-button-active");
        $(".nav").slideDown("nav-active");
      }
    });
  }
});
